@import "src/all";
.global-reset();
//登录页面样式
#login {
    .go-register {
        .login_reg();
    }
    .login-content {
        .contents(85%);
        .title {
            .title();
        }
        .number {
            margin-top: 0.2rem;
            .active {
                border-bottom: 1px solid @color-main;
            }
        }
        .pwd {
            position: relative;
            i {
                .icon(-4px);
                .icon-hidden();
            }
        }
        .hidden_pwd {
            position: relative;
            i {
                .icon(-6px);
                .icon-show();
            }
        }
        .go-btn-login {
            .big-btn();
            background: @big-btn;
        }
        .forget-pwd {
            a {
                color: @color-main;
                font-weight: 700;
            }
        }
    }
}

//注册页面
#register {
    .go-login {
        .login_reg();
    }
    .phone-reg {
        .contents(85%);
        .title {
            .title();
        }
        .user-phone {
            position: relative;
            h1 {
                font-weight: 700;
                color: @color-reg-main;
                height: 1.4rem;
                line-height: 1.4rem;
                letter-spacing: 1px;
            }
            .phone-num {
                position: absolute;
                bottom: 0.16rem;
                left: 0;
                font-weight: 700;
                color: @color-reg-main;
                letter-spacing: 1px;
            }
            input {
                margin-top: 0.1rem;
                color: @color-reg-main;
                padding-left: 1rem;
                padding-bottom: 0.16rem;
                border-bottom: 1px solid @color-main;
                margin-bottom: 0;
                box-sizing: border-box;
                font-weight: 700;
            }
            .icon {
                display: inline-block;
                .icon-del();
                position: absolute;
                right: 0;
                bottom: 0.16rem;
            }
        }
        .go-btn-reg {
            //          .big-btn();
            margin-top: 0.84rem;
        }
    }
}

//获取验证码
#getcode {
    .warp {
        .web_title()
    }
    .code-date {
        height: 2rem;
        margin-top: 0.5rem;
        position: relative;
        .warp-line {
            position: absolute;
            height: 10px;
            top: 0.24rem;
            left: 8%;
            width: 85%;
            margin: 0 auto;
            height: 1px;
            span {
                background: @color-code;
                display: inline-block;
                width: 14%;
                height: 1px;
                margin-right: 0.08rem;
            }
            .active {
                background: @color-main;
            }
        }
        .enter {
            padding-left: 1rem;
            box-sizing: border-box;
            width: 100%;
            margin: 0 auto;
            display: block;
            letter-spacing: 0.8rem;
            font-size: 0.44rem;
            height: 0.6rem;
            border: none;
        }
        .prompt {
            height: 0.5rem;
            line-height: 0.5rem;
            margin-top: 0.5rem;
            margin-left: 0.4rem;
        }
    }
    .go-btn-reg {
        //      .big-btn();
        .contents(85%);
        margin-top: 4.5rem;
    }
}

//忘记密码
#forget-pwd {
    .contents(85%);
    .warp {
        .web_title();
        width: 100%;
    }
}

//设置密码
#setpwd {
    .contents(85%);
    .warp {
        .web_title();
        width: 100%;
    }
    .inp-warp {
        .input_pwd();
    }
    .agreement {
        color: @colorc5;
        margin-top: 0.56rem;
        #ck {
            width: 0.3rem;
            position: relative;
            top: 0.14rem;
        }
        .useragree {
            color: @color-main;
            font-weight: 700;
            font-size: @h10-font-size;
            margin-left: 0.1rem;
        }
    }
    .go-btn-reg {
        //      .big-btn();
        background: @big-btn;
    }
}

//找回密码
#forget_pwd {
    .model(5rem);
    .contents(85%);
    .warp {
        .web_title();
        width: 100%;
    }
    .inp-warp {
        .input_pwd();
    }
    .go-btn-reg {
        //      .big-btn();
        margin-top: 1rem;
    }
    .phone {
        margin-top: 1rem;
        position: relative;
        .icon {
            display: inline-block;
            .icon-del();
            position: absolute;
            right: 0;
            top: 0rem;
        }
    }
}

//行情样式  
.market {
    .iscan {
        background-color: @iscan !important;
        text-align: center;
        color: #fff;
        padding: 0.2rem 0;
        box-sizing: border-box;
        
    }
    .nocan {
        background-color:@nocan !important;
        text-align: center;
        color: #fff;
        padding: 0.2rem 0;
        box-sizing: border-box;
    }
    font-size: @h10-font-size; //14px;
    .market-nav-warp {
        .contents(100%);
        padding: 0 0.4rem;
        box-sizing: border-box;
        border-bottom: 1px solid @line;
        .clearfix();
        li {
            color: @color333;
            float: left;
            width: 33%;
            height: 0.8rem;
            line-height: 0.8rem;
            text-align: center;
        }
        .name {
            text-align: left;
            padding-left: 0.2rem;
            box-sizing: border-box;
        }
        .orup {
            text-align: right;
            padding-right: 0.5rem;
            box-sizing: border-box;
        }
    }
}

//我的 
#userinfo {
    padding-top: 0.2rem;
    .title {
        .contents(90%);
        .setup {
            #sign_warp{
                width: 1.5rem;
                height: 0.86rem;
                position: absolute;
                top: 1rem;
                right: -0.3rem;
                z-index: 999;
            }
            height: 0.8rem;
            line-height: 0.8rem;
            text-align: right;
            position: relative;
            .set {
                display: inline-block;
                .icon-set();
                position: absolute;
                top: 0.1rem;
                right: 0.04rem;
            }
            .signOut {
                display: inline-block;
                position: absolute;
//              top: 1rem;
                right: 0.34rem;
                .icon-zhiwen();
            }
            .signIn {
                display: inline-block;
                position: absolute;
//              top: 1rem;
                right: 0.34rem;
                .icon-zhiwen2();
            }
            .qiandao {
                font-size: 0.24rem;
                color: #8AA4BD;
                position: absolute;
                top: 1.55rem;
                right: 0.12rem;
                font-weight: 700;
            }
        }
        .info-warp {
            a{
                display: inline-block;
                width: 100%;
                height: 100%;
            }
            .contents(90%);
            .imgphone {
                position: relative;
                color: @color-reg-main;
                display: flex;
                align-items: center; //子元素垂直居中
                .iconImg {
                    display: inline-block;
                    .icon-moren();
                }
                .phone {
                    font-size: 0.50rem;
                    font-weight: 700;
                    margin-left: 0.16rem;
                    letter-spacing: 0.02rem;
                    position: relative;
                    top: -0.04rem;
                }
                .uid {
                    letter-spacing: 1px;
                    position: absolute;
                    color: @color-reg-main;
                    font-size: 0.28rem;
                    bottom: -0.32rem;
                    left: 19%;
                }
            }
        }
    }
    .infodata {
        .contents(90%);
        border-radius: 0.04rem;
        height: 1.8rem;
        margin-top: 0.8rem;
        background: #D1D8DE;
        color: #7C9AB6;
        text-align: center;
        font-weight: 700;
        padding-top: 0.16rem;
        box-sizing: border-box;
        .data-num {
            font-size: 0.48rem;
            height: 1rem;
            line-height: 1rem;
        }
        .data-name {
            font-size: 0.24rem;
        }
    }
    .usernav {
        //      .contents(88%);
        margin-left: 20%;
        li {
            height: 0.8rem;
            line-height: 0.8rem;
            border-bottom: 1px solid @line;
            padding-right: 0.24rem;
            margin: 0.22rem 0;
            a {
                position: relative;
                display: inline-block;
                width: 100%;
                height: 100%;
                color: @color-reg-main;
                font-weight: 700;
                display: flex;
                align-items: center; //子元素垂直居中
                .pos {
                    position: absolute;
                    left: -0.95rem;
                }
                .num {
                    position: absolute;
                    right: 0.44rem;
                    background: @color-up;
                    display: inline-block;
                    width: 0.40rem;
                    height: 0.40rem;
                    text-align: center;
                    border-radius: 50%;
                    font-size: 0.24rem;
                    line-height: 0.40rem;
                    color: #fff;
                }
                .tit {
                    .user-icon();
                    .icon-info();
                }
                .go {
                    .user-icon();
                    .icon-jiantou();
                }
                .aq {
                    .user-icon();
                    .icon-anquan();
                }
                .cz {
                    .user-icon();
                    .icon-chongzhi();
                }
                .tx {
                    .user-icon();
                    .icon-tixian();
                }
                .gy {
                    .user-icon();
                    .icon-userinfo();
                }
                .qgmx {
                    .user-icon();
                    .icon-qiangchou();
                }
                .frients {
                    .user-icon();
                    .icon-friends();
                }
            }
        }
        .last {
            border-bottom: none;
        }
    }
    .go-btn-reg {
        .contents(90%);
        margin-top: 0.6rem;
    }
}

//提现（withdrawal）
.lis-icon {
    position: absolute;
    top: 0.3rem;
    right: 0.2rem;
    i {
        display: inline-block;
        //      .icon-zhangdan();
        .icon-zd();
    }
}

#withdrawal {
    .contents(90%);
    .warp {
        .web_title();
        .contents(100%);
        .title {
            height: 1.2rem !important;
            line-height: 1.2rem !important;
        }
    }
    .canNum {
        color: @color-reg-main;
        font-weight: 700;
        .usdt {
            height: 1rem;
            line-height: 1rem;
            span {
                font-size: 0.4rem;
            }
        }
    }
    .withdrawal-inp {
        color: @color-reg-main;
        font-weight: 700;
        .pro {
            margin-top: 0.16rem;
            margin-bottom: 0.52rem;
            position: relative;
            h2 {
                font-size: 0.28rem;
            }
            h3 {
                font-size: 0.3rem;
                color: #4C4C4C;
                margin-top: 0.16rem;
            }
            input {
                margin-top: 0.16rem;
                margin-bottom: 0;
            }
        }
        .adderss {
            .address_list {
                position: absolute;
                border-left: 2px solid @line;
                padding-left: 0.2rem;
                right: 0;
                top: 0.4rem;
                .icon {
                    display: inline-block;
                    .icon-address();
                }
            }
        }
        .num {
            .all {
                color: #89979A;
                font-weight: 400;
                position: absolute;
                top: 40%;
                right: 0;
                .line {
                    margin: 0 0.1rem;
                }
                .isall {
                    color: @color-reg-main;
                    font-weight: 700;
                }
            }
        }
        .code {
            .prompt {
                color: #fff !important;
                font-size: 0.24rem;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 2.5rem;
                height: 0.72rem;
                line-height: 0.72rem;
                border-radius: 2px;
                text-align: center;
                background: @color-main;
            }
        }
    }
}

//usdt钱包地址管理
#ustd_address {
    .warp {
        .web_title();
        width: 90%;
    }
    .list-warp {
        .contents(90%);
        .list {
            position: relative;
            border-bottom: 1px solid @line;
            padding-bottom: 0.1rem;
            margin-bottom: 0.24rem;
            h2 {
                font-weight: 700;
                color: @color-reg-main;
                height: 0.8rem;
                line-height: 0.8rem;
            }
            .link {
                color: @color-C4;
                font-size: 0.28rem;
            }
            .icon-close {
                position: absolute;
                display: inline-block;
                right: 0;
                bottom: 0.24rem;
                .icon-del();
            }
        }
    }
    .tis {
        height: 1.4rem;
        line-height: 1.4rem;
        color: @color-C4;
        text-align: center;
    }
    .add-btn-warp {
        position: fixed;
        bottom: 0;
        left: 0.4rem;
        .contents(90%);
        //      margin-top: 2rem;
    }
}

//add_ustd_address
#add_ustd_address {
    .contents(90%);
    .warp {
        .web_title();
        width: 100%;
    }
    .add_address {
        .pro {
            //          margin-top: 0.16rem;
            h2 {
                height: 0.8rem;
                line-height: 0.8rem;
            }
        }
    }
    .add-btn-warp {
        margin-top: 2.2rem;
        .go-btn-reg {
            background: @big-btn;
        }
    }
}

//提现记录 record
#record {
    .warp {
        .web_title();
    }
}

//ustd 充值
#recharge {
    .contents(90%);
    .warp {
        .web_title();
        width: 100%;
    }
    .ewm {
        margin-top: 0.5rem;
        .img {
            text-align: center;
            img {
                width: 35%;
                height: 35%;
            }
        }
        p {
            height: 0.8rem;
            line-height: 0.8rem;
            text-align: center;
            color: @color-main;
            letter-spacing: 1px;
            font-size: 0.28rem;
        }
    }
    .link_address {
        height: 1.6rem;
        text-align: center;
        background: #F4F8FB;
        padding: 0.4rem 0;
        box-sizing: border-box;
        .ale {
            margin-top: .2rem;
            color: @color-main;
            font-size: 0.28rem;
        }
        .adderss {
            word-wrap: break-word;
            padding: 0 0.16rem;
        }
    }
    .info {
        margin: 0.52rem 0;
        white-space: normal;
        p {
            width: 100%;
            white-space: normal;
            font-size: 0.28rem;
            line-height: 0.4rem;
            color: @color-C4;
        }
    }
}

//安全中心
#security {
    .warp {
        .web_title();
    }
    .sec_list {
        .contents(85%);
        .lis {
            height: 1.2rem;
            line-height: 1.2rem;
            border-bottom: 1px solid @line;
            a {
                .clearfix();
                h2 {
                    float: left;
                    font-size: 0.28rem;
                    color: @color-reg-main;
                }
                .fls {
                    float: right;
                    span {
                        font-size: 0.28rem;
                        color: @color-C4;
                    }
                    i {
                        display: inline-block;
                        .icon-small_jiantou();
                    }
                }
            }
        }
    }
}

#email {
    .warp {
        .web_title ();
    }
    .email_warp {
        .contents(85%);
        margin-top: 1rem;
        .email {
            position: relative;
            #show {
                .icon(-4px);
                .icon-hidden();
            }
            #hidden {
                .icon(-4px);
                .icon-show();
            }
        }
        .email_code {
            position: relative;
            .prompt {
                position: absolute;
                top: -0.12rem;
                right: 0;
                height: 0.6rem;
                line-height: 0.6rem;
                background: @color-main;
                color: #fff !important;
                //              padding: 0.2rem 0.22rem;
                font-size: 0.24rem;
                border-radius: 0.04rem;
            }
        }
        .go-btn-reg {
            margin-top: 1rem;
            //          background: @big-btn;
        }
    }
}

#login_pwd {
    .warp {
        .web_title ();
    }
    .set_login_pwd {
        .contents(85%);
        .input_pwd();
        .pos {
            margin-bottom: 0.3rem;
        }
    }
    .go-btn-reg {
        .contents(90%);
        margin-top: 1rem;
        //      background: @big-btn;
    }
}

#zhifu_pwd {
    .warp {
        .web_title ();
    }
    .go-btn-reg {
        background-color: @color-main !important;
    }
}

#name {
    .contents(90%);
    .warp {
        .web_title ();
        width: 100%;
    }
    .inp-warp {
        .pro {
            margin-bottom: 0.2rem;
            h2 {
                height: 0.6rem;
                line-height: 0.6rem;
            }
            .id_imgs {
                height: 2rem;
                margin-top: 0.3rem;
                .img_sure {
                    font-size: 0.22rem;
                    color: @big-btn;
                    padding-top: 0.8rem;
                }
            }
        }
        .cma {
            .clearfix();
            .img-warp {
                position: relative;
                .myimg {
                    width: 1.8rem;
                    height: 1.8rem;
                    position: absolute;
                    top: 0;
                    left: 0.24rem;
                }
            }
        }
    }
    .go-btn-reg {
        margin-top: 1.5rem;
        background: @color-main;
    }
}

//设置支付密码
#zhifu_pwd {
    .contents(90%);
    .warp {
        .web_title ();
        width: 100%;
    }
    .pwd_warp {
        .input_pwd();
        input {
            margin-bottom: 0.68rem;
        }
    }
    .phone {
        color: @color-pl;
        margin-bottom: 0.68rem;
    }
    .zhifu_input {
        position: relative;
        .prompt {
            position: absolute;
            right: 0;
            top: -0.2rem;
            background: @color-main;
            color: #FFFFFF !important;
            font-size: 0.24rem;
            border-radius: 0.04rem;
            box-sizing: border-box;
            height: 0.68rem;
        }
    }
    .go-btn-reg {
        margin-top: 1.2rem;
        background-color: @big-btn;
    }
}

//个人中心
#center {
    .contents(90%);
    .warp {
        .web_title ();
        width: 100%;
    }
    .info {
        .warp {
            height: 1rem;
            line-height: 1rem;
            color: @color-reg-main;
        }
    }
}

//交易
#transaction {
    overflow-x: hidden;
    .aside {
        width: 80%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        padding-top: 0.6rem;
        .header {
            padding: 0.32rem;
            right: 1.5rem;
            top: 0;
            width: 100%;
            background: #fff;
            box-shadow: 1px 0px 1px #ccc;
            position: fixed;
            i {
                float: right;
                display: inline-block;
                .icon-ce2();
            }
        }
        .market-dates-warp {
            .name {
                font-size: 0.24rem;
            }
            .price {
                font-size: 0.24rem;
            }
            .orup {
                .downcolor {
                    font-size: 0.24rem;
                }
                .upcolor {
                    font-size: 0.24rem;
                }
            }
        }
        .name {
            width: 34%;
        }
        .price {
            width: 30%;
        }
    }
    .con {
        position: relative;
        transition: all .5s;
        height: 14rem;
        background: #FFFFFF;
        .headers {
            box-shadow: 1px 0 1px #ccc;
            width: 100%;
            height: 1.06rem;
            line-height: 1.06rem;
            position: fixed !important;
            top: 0;
            padding: 0 0.35rem;
            box-sizing: border-box;
            background: #fff;
            z-index: 999;
            .clearfix();
            .nav {
                float: left;
                i {
                    display: inline-block;
                    .icon-ce();
                }
                .usdt {
                    position: relative;
                    top: -0.04rem;
                    left: 0.16rem;
                    font-weight: 700;
                }
            }
            .k_line {
                float: right;
                i {
                    display: inline-block;
                    .icon-K_line2-2();
                }
            }
        }
        .userdata {
            .contents(90%);
            padding: 0.16rem 0;
            padding-bottom: 0.5rem;
            .datas_warp {
                .clearfix();
                li {
                    float: left;
                    width: 32%;
                    h2 {
                        font-weight: 700;
                        color: @color-reg-main;
                        margin-bottom: 0.05rem;
                    }
                    span {
                        font-size: 0.24rem;
                        color: @color-pl;
                    }
                }
                .caneth {
                    text-align: center;
                }
                .baocang {
                    text-align: right;
                }
            }
            .risk {
                color: @color-hui;
                font-size: 0.24rem;
                //              margin-top: -0.5rem;
                float: right;
                width: 1.2rem;
                height: 0.5rem;
                line-height: 0.5rem;
                position: relative;
                top: -0.5rem;
                i {
                    display: inline-block;
                    .icon-wh();
                    position: absolute;
                    right: -0.06rem;
                    top: 0.08rem;
                }
            }
        }
        .line-big {
            .ling_big(0.2rem);
        }
        .user_choose {
            .contents(90%);
            padding-top: 0.35rem;
            position: relative;
            .clearfix();
            .nav_warp {
                .clearfix();
                li {
                    float: left;
                    margin-right: 0.5rem;
                    height: 0.5rem;
                    font-weight: 700;
                    text-align: center;
                    line-height: 0.5rem;
                    font-size: 0.36rem;
                    padding-bottom: 0.1rem;
                }
                .buy {
                    color: @color-down;
                }
                .sell {
                    color: @color-up;
                }
                .border {
                    border-bottom: 2px solid @color-down;
                }
            }
            .select-warp {
                position: absolute;
                top: 0.388rem;
                left: 2.3rem;
                select {
                    appearance: none;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    background: #fff;
                    border: none;
                    color: @color-hui;
                    font-size: 0.36rem;
                    font-weight: 700;
                    outline: none;
                }
                .sanjiao {
                    position: absolute;
                    top: 47%;
                    right: -0.18rem;
                    display: inline-block;
                    .icon-xiasanjiao();
                }
            }
            .inp_warp {
                margin-top: 0.2rem;
                span {
                    font-size: 0.24rem;
                    color: @color-hui;
                    font-weight: 400;
                }
                .price {
                    position: relative;
                    .contents {
                        border-left: 2px solid @line;
                        line-height: 0.9rem;
                        position: absolute;
                        top: 0;
                        right: 0;
                        i {
                            color: @color-hui;
                            font-style: normal;
                            font-size: 0.64rem;
                            width: 1rem;
                            text-align: center;
                            display: inline-block;
                            height: 1rem;
                            line-height: 1rem;
                        }
                        span {
                            display: inline-block;
                            height: 0.5rem;
                            width: 0.02rem;
                            background: @line;
                            position: relative;
                            top: 0.04rem;
                        }
                    }
                }
                .inp {
                    margin-bottom: 0;
                    border: 1px solid #e7ebee;
                    color: @color-reg-main;
                    font-weight: 700;
                    height: 1rem;
                    padding: 0 0.16rem;
                    width: 95%;
                }
                .btc_num {
                    margin-top: 0.32rem;
                    position: relative;
                    .dw {
                        position: absolute;
                        top: 32%;
                        right: 0.2rem;
                        font-size: 0.36rem;
                    }
                }
                #control-group {
                    width: 99%;
                    margin-left: 0.3rem;
                    //                  .contents(90%);
                    .yuan {
                        width: 0.02rem !important;
                        height: 0.1rem !important;
                        top: 0.14rem;
                    }
                    .mynum {
                        font-size: 0.24rem !important;
                        color: @color-pl !important;
                        margin-top: 0.15rem !important;
                    }
                    .scroll-bar {
                        height: 0.72rem;
                        position: relative;
                        margin-top: 0.2rem;
                        z-index: 99;
                    }
                    .entire-bar {
                        width: 100%;
                        height: 2px;
                        top: 0.24rem;
                        left: 0;
                        position: absolute;
                        background: #E7EBEE;
                    }
                    .action-bar {
                        top: 0.24rem;
                        height: 2px;
                        position: absolute;
                        background: @color-up;
                    }
                    .action-block {
                        width: 0.30rem;
                        height: 0.30rem;
                        border-radius: 50%;
                        background: @color-up;
                        position: absolute;
                        top: 0.08rem;
                        border: 0.02rem solid @line;
                        left: -0.2rem;
                    }
                }
                .all_price_warp {
                    margin-top: 0.5rem;
                    .all_price {
                        font-weight: 700;
                        font-size: 0.28rem;
                    }
                    .all_price_num {
                        font-weight: 700;
                        color: @color-reg-main;
                    }
                }
                .buy();
                .buy_warp {
                    button {
                        width: 100%;
                    }
                }
            }
        }
        .trading_list {
            background: #fff;
            .header {
                .contents(90%);
                .clearfix();
                height: 1rem;
                line-height: 1rem;
                h2 {
                    float: left;
                    font-size: 0.36rem;
                    color: @color-reg-main;
                    font-weight: 700;
                }
                .icon {
                    float: right;
                    i {
                        .icon-zd();
                        display: inline-block;
                        position: relative;
                        top: 0.12rem;
                    }
                    span {
                        font-size: 0.24rem;
                        color: @color666;
                    }
                }
            }
            .records_y {
                padding-bottom: 0.3rem;
                margin-top: 0.2rem;
                border-bottom: 1px solid @line;
                .weituo-nav {
                    margin-left: 0.4rem;
                    font-weight: 700;
                    color: @color-reg-main;
                    .sell {
                        color: @color-up;
                    }
                    .buy {
                        color: @color-down;
                    }
                }
                .nav {
                    margin: 0.15rem 0;
                    li {
                        font-size: 0.28rem;
                    }
                }
                .data-lis {
                    .lis {
                        height: 0.4rem;
                        line-height: 0.4rem;
                    }
                    span {
                        font-size: 0.28rem;
                    }
                }
            }
        }
    }
}

//k线图页面
#k_line {
    background-color: @color_kline;
    color: @color_fc;
    .btc {
        color: @color_fc;
        font-weight: 700;
        position: relative;
        top: -0.04rem;
    }
    .k_main_data {
        .contents(90%);
        color: #eee;
        //      height: 2rem;
        padding-bottom: 0.32rem;
        .clearfix();
        .data_left {
            float: left;
            color: @color-down;
            h2 {
                font-weight: 700;
                font-size: 0.52rem;
                color: @color-down;
                margin-bottom: 0.2rem;
            }
        }
        .data_right {
            float: right;
            .top {
                margin-bottom: 0.2rem;
            }
            .title {
                margin-right: 0.8rem;
                color: @color_fc;
                opacity: 0.8;
            }
        }
    }
    .k_line {
        //      height: 1rem;
        nav {
            .contents(90%);
            margin-top: 0.2rem;
            .li_warp {
                .clearfix();
                li {
                    float: left;
                    height: 0.5rem;
                    line-height: 0.5rem;
                    margin-right: 0.5rem;
                    color: @color_ch;
                }
                .line {
                    color: #fff;
                    border-bottom: 2px solid #fff;
                }
            }
        }
        .big_line {
            border-bottom: 0.12rem solid @border;
        }
        #container {
            padding-bottom: 0.2rem;
            background: @color_kline;
        }
        .nav_info {
            .contents(90%);
            .clearfix();
            li {
                float: left;
                width: 45%;
                text-align: center;
                height: 1rem;
                line-height: 1rem;
                color: @color_ch;
            }
            .hov {
                color: #fff;
            }
        }
        .data_list {
            .nav-lis {
                .clearfix();
                li {
                    float: left;
                    height: 0.8rem;
                    line-height: 0.8rem;
                    width: 25%;
                    text-align: left;
                    font-size: 0.28rem;
                    color: @color_ch;
                }
                .num {
                    text-align: right;
                }
            }
            .data-lis {
                li {
                    height: 0.6rem;
                    line-height: 0.6rem;
                    span {
                        padding-right: 0.4rem;
                    }
                    .price {
                        margin-left: 0.5rem;
                    }
                    .num {
                        padding: 0;
                        margin-left: 0.5rem;
                    }
                    .buy {
                        color: @color-up;
                    }
                    .sell {
                        color: @color-down;
                    }
                }
            }
        }
        .int {
            .contents(90%);
            .title {
                height: 1.2rem;
                line-height: 1.2rem;
                color: #fff;
                opacity: 0.8;
                font-weight: 700;
                font-size: 0.44rem;
                border-bottom: 1px solid @border;
            }
            .Introduction {
                .lis {
                    height: 1rem;
                    line-height: 1rem;
                    border-bottom: 1px solid @border;
                    .clearfix();
                    .name {
                        float: left;
                        color: @color_ch;
                    }
                    .mation {
                        float: right;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                        -webkit-line-clamp: 1;
                        width: 75%;
                        text-align: right;
                    }
                }
            }
            .btb_info {
                font-size: 0.32rem;
                line-height: 0.5rem;
            }
        }
    }
    .buy();
    .buy_warp {
        background: #182841;
        width: 100%;
        height: 1.3rem;
        //      padding-top: 0.2rem;
        box-sizing: border-box;
        padding: 0.2rem 0.3rem;
        margin: 0;
        position: fixed;
        bottom: 0;
    }
}

//验证成功
#success {
    width: 100%;
    height: 100%;
    .big_img {
        width: 100%;
        height: 100%;
    }
    .go-btn-reg {
        .contents(90%);
    }
}

#cichang {
    background-color: @color_kline;
    #nolist{
//      text-align: center;
        position: absolute;
        top: 1rem;
        left: 45%;
        font-size: 0.24rem;
        line-height: 1rem;
        color: #FFFFFF;
    }
    .goback {
        color: #FFFFFF;
        font-weight: 700;
        line-height: 1.3rem;
        border-bottom: 2px solid @border;
        h2 {
            display: inline-block;
            text-align: center;
            margin-left: 1.2rem;
        }
    }
    .inde {
        position: absolute;
        right: 0;
        top: 0.08rem;
        width: 1rem;
        height: 1.2rem;
        line-height: 1.2rem;
        text-align: center;
        .k_line {
            display: inline-block;
            .icon-K_line1();
        }
    }
    .import_data {
        color: #FFFFFF;
        font-weight: 700;
        .data_warp {
            
            .clearfix();
            .lis {
                padding: 0.24rem 0;
                float: left;
                width: 33%;
                text-align: center;
                border-bottom: 8px solid @border;
                h2 {
                    margin-bottom: 0.1rem;
                }
                span {
                    color: #CDD3E9;
                    font-size: 0.24rem;
                }
            }
        }
    }
    .import_lis {
        nav {
            .nav {
                .clearfix();
                border: 1px solid @border;
                li {
                    color: #fff;
                    height: 0.8rem;
                    line-height: 0.8rem;
                    font-weight: 700;
                    float: left;
                    margin: 0 0.9rem;
                    text-align: center;
                }
                .change {
                    border-bottom: 2px solid @color-main;
                    color: @color-main;
                }
            }
        }
        .data-warp {
            height: 100px;
            width: 100%;
            position: relative;
            .list-warp {
                width: 100%;
                overflow-x: scroll;
                .cicang {
                    width: 200%;
                    .cicang-nav {
                        margin: 0.2rem 0;
                        color: #FFFFFF;
                        span {
                            display: inline-block;
                            font-size: 0.24rem;
                            width: 1.3rem;
                            text-align: center;
                        }
                    }
                    .cicang-data {
                        span {
                            color: #FFFFFF;
                            font-size: 0.24rem;
                            display: inline-block;
                            width: 1.3rem;
                            height: 0.5rem;
                            line-height: 0.5rem;
                            text-align: center;
                        }
                        .buy {
                            color: @color-down;
                        }
                        .sell {
                            color: @color-up;
                        }
                        .pcnag {
                            background: @color-main;
                            border-radius: 0.08rem;
                            width: 1rem;
                            height: 0.4rem;
                            line-height: 0.4rem;
                            margin-left: 0.2rem;
                        }
                    }
                    .big_width {
                        width: 3rem !important;
                    }
                }
                .weituo {
                    .re();
                    .records_y {
                        border-bottom: 1px solid @border;
                    }
                }
                .jiaoyi {
                    .re();
                    .records_y {
                        border-bottom: 1px solid @border;
                    }
                }
            }
        }
    }
}

#go_zhifu {
    .warp {
        .web_title();
    }
    .zhifu_warp {
        .contents(50%);
        margin-top: 0.8rem;
        .pw {
            text-align: center;
        }
    }
    .go-btn-reg {
        .contents(90%);
        position: fixed;
        bottom: 0.8rem;
        left: 0.4rem;
    }
}

//资讯
#information {
    .info_nav {
        padding-top: 0.4rem;
        position: fixed;
        width: 100%;
        top: 0;
        background: #fff;
        z-index: 999;
        span {
            display: inline-block;
            text-align: center;
            width: 49%;
            height: 0.52rem;
            line-height: 0.52rem;
        }
        .active {
            border-bottom: 2px solid @color-up;
            color: @color-up;
        }
    }
    .info_news_warp {
        margin-top: 1.2rem;
        .info_news {
            .contents(90%);
            margin-top: 0.5rem;
            .go_warp {
                padding: 0.2rem 0;
                border-bottom: 1px solid @line;
                display: inline-block;
                width: 100%;
                height: 100%;
                .clearfix();
                .infos {
                    float: left;
                    width: 65%;
                    h2,
                    p {
                        color: @color-reg-main;
                        font-weight: 700;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        line-height: 0.38rem;
                    }
                    .where {
                        height: 0.5rem;
                        line-height: 0.5rem;
                        margin-top: 0.5rem;
                    }
                    .where,
                    .time {
                        font-size: 0.28rem;
                    }
                }
                .imgs {
                    float: right;
                    width: 35%;
                    //                  background: red;
                    height: 2rem;
                    background-size: 100% 100%;
                }
            }
        }
        .info_news_gonggao {
            li {
                .go_warp {
                    .infos {
                        width: 100%;
                        .times {
                            float: left;
                            margin-top: 0.24rem;
                            font-size: 0.28rem;
                        }
                    }
                }
            }
        }
    }
}

#information_datail {
    padding-top: 1.3rem;
    .contents(90%);
    .gonggao {
        h2 {
            text-align: center;
            font-size: 0.36rem;
            font-weight: 700;
            color: @color-reg-main;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-height: 0.5rem;
            margin-bottom: 0.24rem;
        }
        .gonggao_info {
            padding: 0.36rem 0 1.2rem 0;
            font-size: 0.28rem;
            line-height: 0.4rem;
        }
        .art_p {
            line-height: 0.45rem !important;
            font-size: 0.28rem !important;
        }
    }
}

//自发产品交易界面
#transaction {
    #transaction2 {
        .headers {
            position: relative;
            text-align: center;
            font-weight: 700;
            color: @color-reg-main;
            box-shadow: 1px 0 1px #ccc;
            .usdt {
                font-size: 0.36rem;
            }
            i {
                position: absolute;
                left: 0.2rem;
                top: 35%;
                display: inline-block;
                .icon-return();
            }
        }
        .user_choose {
            h2 {
                letter-spacing: 0.5px;
                display: inline-block;
                padding-bottom: 0.05rem;
                font-weight: 700;
                color: @color-reg-main;
                font-size: 0.36rem;
                border-bottom: 2px solid @color-reg-main;
            }
            .btc_num {
                .dw {
                    font-size: 0.28rem;
                    top: 38.5%;
                }
            }
            #control-group {
                #action-block {
                    left: -0.2rem;
                }
            }
            .buy_warp {
                .buy {
                    background: @color-up;
                }
            }
        }
    }
}

//抢筹列表
#qc_list {
    .goback {
        border-bottom: 1px solid @line;
        background: #fff;
        position: fixed;
        width: 100%;
        z-index: 999;
    }
    .list-warp {
        .list {
            border-bottom: 4px solid @line;
            a {
                .contents(90%);
                display: block;
                padding: 0.2rem 0;
                .qc {
                    line-height: 0.56rem;
                    color: @color-reg-main;
                    font-weight: 700;
                    font-size: 0.28rem;
                    position: relative;
                    .zhuangtai {
                        position: absolute;
                        right: -0.16rem;
                        top: 0;
                    }
                    .info {
                        margin-left: 0.4rem;
                    }
                    .info_num {
                        margin-left: 0.8rem;
                    }
                }
            }
        }
    }
}

//抢筹明细
#qc_detail {
    .warp {
        .web_title();
    }
    .detail-warp {
        padding-left: 0.32rem;
        li {
            color: @color-reg-main;
            font-weight: 700;
            font-size: 0.24rem;
            padding: 0.42rem 0;
            border-bottom: 1px solid @line;
            .name {
                margin-right: 0.4rem;
            }
        }
    }
}

//关于我们
#aboutus {
    .warp {
        .web_title();
        width: 90%;
    }
    .about_warp {
        .about_list {
            margin-left: 0.36rem;
            border-bottom: 1px solid @line;
            height: 1rem;
            line-height: 1rem;
            color: @color-reg-main;
            font-weight: 700;
            position: relative;
            .go {
                display: inline-block;
                .icon-jiantou();
                position: absolute;
                top: 30%;
                right: 0.3rem;
            }
        }
    }
}
#bill{
    .title{
        height: 2.2rem;
        width: 100%;
        text-align: center;
        background: #7582A2;
        padding: 0.4rem 0;
        box-sizing: border-box;
        h2,p{
            color: #FFFFFF;
            line-height: 0.6rem;
        }
        .wall{
            font-weight: 700;
            font-size: 0.48rem;
        }
    }
    .bil-list{
        width: 95%;
        margin: 0 auto;
        .list{
          height: 1.5rem;
          padding: 0.4rem 0;
          box-sizing: border-box;
          border-bottom: 1px solid #ccc;
          .titles,.canUser,.dongjie{
              float: left;
              width: 30%;
              text-align: center;
              h2{
                  line-height: 0.5rem; 
                  font-weight: 700;               
              }
              span{
                      font-size: 0.24rem;
                      color: #C8CAC9;
                  }
          }
          .titles{
              h2{
                  margin-top: 0.12rem;
              }
          }
            
        }
        
    }
}
